/* CSS Document */
@charset "utf-8";
@import "//at.alicdn.com/t/font_758109_nony69w49yd.css";

html, body { margin: 0; padding: 0; font-size: 12px; height:100%; width:100%; text-align:center; }
body{ position:relative; background-color: #32cbff; font-family: Microsoft YaHei;  }
a{ text-decoration:none;}
.Copyright{ width:100%; height:30px; position:absolute; bottom:0; left:0; font-size:12px; color:#4C4C4C; color: #999;}
.Copyright a{ color: #999;}
#Main {background-image: url(../images/footer-cloud.png); background-repeat:repeat-x;background-position:100% bottom;overflow: hidden; width:100%; height:100%; position:relative;}
.pageTop{ width:100%; height:76px; }
.pageCon{ margin:0 auto; overflow: hidden; margin-top: 180px;}
.pageCon .info{ text-align: center; padding-top: 10px;}
.pageCon .info p{ font-size:1.8rem; font-weight: 400; color: #fff; text-indent: 10px; margin: 0; display: none; padding-top:15px;}
.pageCon .info a{ display: none; margin-top: 119px; width: 120px; text-align: center; color: #fff;font-size: 1.5rem;padding: 15px 40px;border-radius: 30px; border: 1px solid hsla(0,0%,100%,.6);}
.login-logo{ margin-bottom: 22px;}

.login{ width:391px; height:350px; position: relative; margin: 0 auto; border-radius: 4px; box-shadow: 0 0 10px rgba(171,198,235,.3); text-align: center; background: #fff;}
.login .loginTit{ width:100%; height:68px; text-align: center; overflow: hidden;}
.login .loginTit span{ font-size:20px; color: #333; line-height: 70px; float: left; text-indent: 38px;}
.login .input-box{ width:80%; height: 40px; margin: 0 auto; margin-top: 17px; border: 1px solid #ced4da; border-radius: 40px; background:#eef2f6; position: relative; overflow: hidden;}
.login .input-box input{ width: 217px; height:24px; border: 1px solid #cfcfcf; padding:8px 10px;font-size: 16px;color: rgba(0,0,0,.6); float: left; border:none;box-shadow: none; font-family: Microsoft YaHei; outline:none; background: none; }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #eef2f6 inset !important;
}

.login .input-box span{ width:20px; height: 20px; padding: 10px 0 10px 16px; float: left;}
.login .input-box span i{ font-size: 18px!important;color: #495057!important;}
.login .input-box #verifyImage{ position: absolute; bottom: 0; right: 0; cursor: pointer; }

.login .loginSub{ width:80%; height:48px; background:#32cbff;margin-top: 20px; border-radius:40px; font-size:18px; line-height:48px; color:#fff; cursor:pointer;  border:none;font-family: Microsoft YaHei;outline:none;}
.login .loginSub:hover{ background:#23b8fd}
.login .disabled{ background: #8C8C8C!important}
.login .msg{width:100%;height:20px;font-size:12px; color:#000; margin-top: 10px;}


@media only screen and (min-width: 1400px){
    .pageCon {
        width: 1000px;
    }
    .pageCon .login{ float: right; }
    .pageCon .info{ float:left; text-align: left; }
    .pageCon .info p{ display:block;}
    .pageCon .info a{ display:block;}
}
@media only screen and (max-height: 749px){
    .pageCon {
        margin-top: 20px;
    }
}
@media only screen and (min-height: 750px){
    .pageCon {
        margin-top:60px;
    }
}
@media only screen and (min-height: 850px){
    .pageCon {
        margin-top: 120px;
    }
}
